<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../myMedal/myMedal.css"/>
	</head>
	<body>
		<!-- 等级勋章 -->
		<div class="titleBox">
			<div class="returnBox"></div>
			<div class="title">等级勋章</div>
			<div class="shareBox"></div>
		</div>
		<!-- 个人信息 -->
		<div class="infoBox">
			<img src="" class="headImg" >
			<div class="name"></div>
			<img src="" class="labelImg" >
		</div>
		<!-- 勋章图 -->
		<div class="medalBox">
			<!-- 背景图 -->
			<img src="" class="medalImg" >
			<div class="levelTitle">当前等级</div>
			<div class="medalInfo">
				<!-- 勋章级别 -->
				<div class="label"></div>
				<!-- 积分 -->
				<div class="integralBox">
					<div class="integralTitle">已获取积分值：</div>
					<div class="integral"></div>
				</div>
				<!-- 签到天数 -->
				<div class="signBox">
					<div class="signTitle">已签到天数：</div>
					<div class="signDay"></div>
				</div>
				<!-- 已超过 -->
				<div class="moreThan">
					<div class="moreText">超过</div>
					<div class="moreRate"></div>
					<div class="moreText">的小伙伴</div>
				</div>
			</div>
			<!-- 等级进度条 -->
			<div class="levelBar">
				<div class="levelPointNor levelPointActive"></div>
				<div class="levelLineNor levelLineActive"></div>
				<div class="levelPointNor levelPointActive"></div>
				<div class="levelLineNor"></div>
				<div class="levelPointNor"></div>
				<div class="levelLineNor"></div>
				<div class="levelPointNor"></div>
				<div class="levelStart"></div>
				<div class="levelEnd"></div>
			</div>
		</div>
		<!-- 等级权益 -->
		<div class="levelRank">
			<!-- 标题 -->
			<div class="rankTitleBox">
				<div class="line"></div>
				<div class="title">等级权益</div>
			</div>
			<!-- 权益内容 -->
			<ul class="levelRankUl">
				<li>
					<div class="rankImg birthdayDressActive"></div>
					<div class="rankText">生日装扮</div>
				</li>
				<li>
					<div class="rankImg integralWithdrawalActive"></div>
					<div class="rankText">积分提现</div>
				</li>
				<li>
					<div class="rankImg doubleIntegralNor"></div>
					<div class="rankText">积分翻倍</div>
				</li>
				<li>
					<div class="rankImg recommendNor"></div>
					<div class="rankText">优先推荐</div>
				</li>
				<li>
					<div class="rankImg openCircleNor"></div>
					<div class="rankText">开设圈子</div>
				</li>
				<li>
					<div class="rankImg exceptionalNor"></div>
					<div class="rankText">打赏功能</div>
				</li>
				<li>
					<div class="rankImg payReadNor"></div>
					<div class="rankText">付费阅读</div>
				</li>
				<li>
					<div class="rankImg platformRewardNor"></div>
					<div class="rankText">平台奖励</div>
				</li>
			</ul>
		</div>
		<!-- 如何快速提升等级 -->
		<div class="upLevel">
			<!-- 标题 -->
			<div class="upTitleBox">
				<div class="line"></div>
				<div class="title">如何快速提升等级</div>
			</div>
			<!-- 内容 -->
			<div class="upText">
				发布图片质量及数量决定等级高低，通过每日签到及发布高质量图片，可以积累一定数量的积分值，积分值达到指定数额，即可实现升级
			</div>
			<!-- 按钮 -->
			<div class="inputBox">
				<input type="button" value="去完成签到任务" class="btn" />
			</div>
		</div>
		<!-- 提升等级有什么作用 -->
		<div class="purposeBox">
			<!-- 标题 -->
			<div class="purposeTitleBox">
				<div class="line"></div>
				<div class="title">提升等级有什么作用</div>
			</div>
			<!-- 内容 -->
			<div class="purposeText">
				等级是积累高质量内容获得积分值达到的级别，通过提升等级可以加大平台曝光率，获得优先推荐及签约机会；每位用户最高可到达的等级为4级，能获得的最高荣誉称号为“艺术家”
			</div>
		</div>
	</body>
	
	
	<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../myMedal/myMedal.js" type="text/javascript" charset="utf-8"></script>
</html>
